.triangle {
    margin-left: 5.8px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* 调整三角形大小 */
    border-right: 10px solid transparent; /* 调整三角形大小 */
    border-top: 10px solid black; /* 将底边改为透明，将上边改为黑色 */
    cursor: pointer; /* 添加手型光标 */
    transition: transform 0.5s,opacity 0.2s ease; /* 添加转换动画 */
    opacity: 0;
  }